<template>
  <view class="about-page">
    <image class="icon" src="/static/icon/logo.png" mode="widthFix"></image>
    <view class="name">开溜吧</view>
    <view class="content">
      <u-parse :html="content" />
    </view>
  </view>
</template>

<script>
  export default {
    data() {
      return {
        content: '',
      }
    },
    methods: {
      
    },
    async onLoad() {
      const res = await this.$api.richTextApi('aboutUs');
      this.content = res.data;
    }
  }
</script>

<style lang="scss">
page {
  background-color: #f7f7f7;
}
.about-page {
  .icon {
    display: block;
    width: 150rpx;
    height: 150rpx;
    margin: 128rpx auto 32rpx;
  }
  .name {
    text-align: center;
    font-size: 36rpx;
    margin-bottom: 60rpx;
  }
  .content {
    width: 568rpx;
    font-size: 26rpx;
    line-height: 1.6;
    color: #333;
    margin: auto;
    text-indent: 52rpx;
    text-align: justify;
  }
}
</style>
